<template>
  <div>
    <ul>
        <li v-for="item in arr" :key="item.id">
            {{ item.title }} 
        </li>
    </ul>
    <hr>
    <ul>
        <li v-for="(item,key) in obj " :key="key">
            {{ item }}--{{ key }}
        </li>
    </ul>
    <hr>
    <ul>
        <li v-for="(item,key) in const1 " :key="key">
            {{ item }}--{{ key }}
        </li>
    </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{
            const1:10,
            obj:{
                name: '小郭',
                age:21,
                msg:'喜欢纸片人'
            },
            arr:[
                {
                    id:0,
                    title:'勉强'
                },
                {
                    id:0,
                    title:'玩'
                },
                {
                    id:0,
                    title:'游戏'
                },
                {
                    id:0,
                    title:'还玩'
                },
                {
                    id:0,
                    title:'原神'
                },
            ]
        }
    }
}
</script>

<style>

</style>